<template>
<div class="home-search" :class="{top:positionTopZero}">
	<span class="search">
		搜索饿了么商家、商品名称
	</span>
</div>
</template>

<script>
	export default {
		name: "home-search",
		props:{
			positionTopZero: Boolean
		}
	}
</script>

<style scoped>
.home-search{
	width: 100%;
	line-height: 10vw;
	background: linear-gradient(90deg,#0af,#0085ff);
	padding: 1.33vw 3vw;
	box-sizing: border-box;
}
.home-search .search{
	display: block;
	font-size: 4vw;
	color: #C2C2C2;
	height: 100%;
	background: #fff;
	text-align: center;
}
.home-search.top{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
</style>